Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,150,334 members, 7,808,180 topics. Date: Thursday, 25 April 2024 at 08:12 AM

Webmasters, Please Help!!! <pictures> - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Webmasters, Please Help!!! <pictures> (616 Views)

Join The Webmasters Forum Now / Webmasters Pls I Need Your Urgent Help. On Creating Html Emails / Webmasters And Nairalanders! I Need Your Help In Other To Secure A Job Urgently. (2) (3) (4)

(1) (Reply) (Go Down)

Webmasters, Please Help!!! <pictures> by afolwalex20(m): 3:51pm On Jul 11, 2015
i started building my first website today and i got stuck at d very beginning..
i wanted to place the image below side by side wit dat text but the text wont stay inline with the image.
Also, i intend to place that square below my text n image. but its wrapping it.


below is what i was getting, followed by my codes. the third pic is a site am trying to emit

Re: Webmasters, Please Help!!! <pictures> by afolwalex20(m): 3:54pm On Jul 11, 2015
am using d above template to build mine! please help programmers!!
My css is quite poor
Re: Webmasters, Please Help!!! <pictures> by Nobody: 4:59pm On Jul 11, 2015
afolwalex20:
i started building my first website today and i got stuck at d very beginning..
i wanted to place the image below side by side wit dat text but the text wont stay inline with the image.
Also, i intend to place that square below my text n image. but its wrapping it.


below is what i was getting, followed by my codes. the third pic is a site am trying to emit

1. You should always write your mark-up entirely before beginning the CSS rules.

Anyway, why would you give an image a class?

- delete the Whole mark-up and use this:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title></title>
<style>
header div {
float: left;
}
Next element {
clear: left;
}
</style>
</head>
<body>
<header>
<div>
<img src="1.png" alt="text"> <span>tagline</span>
</div>
<header>
</body>
</html>


Note: I added the extra div because you most likely still have to make the header full browser width while the image and tagine are aligned to the top-left of the 960px grid (assuming that's what you are using)

Also set widths for the floated div. You will still need to modify the selectors, if you want the Facebook icon and links on the top-right

2 Likes

(1) (Reply)

. / Ignition With Serial Communication / Prestashop Etsy Integration Plugin By Knowband

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 15
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.